<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            text-align: center;
        }
        /* 修正类选择器，添加点号 */
        .text_show{
            width: 99%;
            height: 100px;
            /* 可以添加更多样式 */
            border: 1px solid gray;
            box-shadow:0pc;
            padding: 10px;
            font-size: 16px;
            resize: none; /* 禁止用户调整大小 */
            background-color: #fffdfd; /* 添加这一行，设置背景色为灰白色 */
            color: white; /* 添加这一行，设置文本颜色为白色 */;
        }
        .gongye,
        .consumption,
        .fixed_assets,
        .import_export_abstract,
        .import,
        .export,
        .PMI,
        .fiscal,
        .PPI,
        .CPI{
            border: 0px solid black;
            display: flex; /* 使用 flexbox 布局 */
            justify-content: space-around; /* 子元素均匀分布 */
        }
        .service1{
            width: 45%;
        }

        .img_set{
            width: 95%;
        }
        .gongye1, .gongye2 {
            display: flex;
            flex-direction: column;
            gap: 10px; /* 可选：添加元素之间的间隔 */
        }
    </style>
    <style>
        .text_show_abstract h1 {
            font-size: 24px;
            color: #333;
        }
        .text_show_abstract h2 {
            font-size: 20px;
            color: #555;
        }
        .text_show_abstract p {
            line-height: 1.6;
            color: #666;
        }
        .text_show_abstract ul, .text_show_abstract ol {
            padding-left: 20px;
        }
    </style>
</head>
<body>
    <h1>月度经济形势分析</h1>
    <!-- 添加按钮 -->
    
    <button id="showTextButton">经济研判</button>
    <button id="autoAnalyzeButton">DeepSeek经济形势分析</button>
    <button id="exportReport">输出PPT</button>
    <script>
        document.getElementById('autoAnalyzeButton').addEventListener('click', async () => {
            // 获取所有 .text_show 类元素的内容
            const textShowElements = document.querySelectorAll('.text_show');
            let message = '以下是是2025年4月的经济数据，请试图对数据进行总结，生成宏观经济简报';
            textShowElements.forEach(element => {
                message += element.textContent + ' ';
            });
            console.log(message);
            // 获取所有 .text_show_abstract 类元素
            const textShowAbstractElements = document.querySelectorAll('.text_show_abstract');

            // 显示加载中提示
            textShowAbstractElements.forEach(element => {
                element.textContent = '加载中...';
            });

            fetch('/chat', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    message: message
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.response) {
                    console.log(data.response);
                    const markdownText = data.response;
                    const htmlText = marked.parse(markdownText);
                    const textShowAbstractElements = document.querySelectorAll('.text_show_abstract');
                    textShowAbstractElements.forEach(element => {
                        element.innerHTML = htmlText;
                    });
                } else if (data.error) {
                    console.error('请求出错:', data.error);
                }
            })
            .catch(error => {
                console.error('网络错误:', error);
            });
        });
    </script>
        <p class=text_show_abstract name="text" id="text">经济研判:</p>
    <h2>
        工业增加值
    </h2>

    <div class="gongye">
        
        <div class="gongye1">
            
            <textarea class=text_show name="text" id="gongye1_text">4月，全国规模以上工业增加值同比增长6.1%，较3月降低1.6个百分点；
            </textarea>
            
            <img class="img_set" 
            src="plot/plot_2025-05-22/生产测_工业/一、工业增加值当月同比_15_9.png" 
            alt="工业增加值">
        
        </div>
        
        <div class="gongye2">
            <textarea class=text_show name="text" id="gongye2_text">分三大门类看，采矿业增加值同比增长5.7%，制造业增长6.6%，电力、燃气及水的生产和供应业增长2.1%，均较上月有所回落；
            </textarea>
            
            <img class="img_set" 
            src="plot/plot_2025-05-22/生产测_工业/二、工业增加值分项当月同比_15_9.png" 
            alt="工业增加值">
            
        </div>

    </div>
    
    <h2>
        服务业生产指数
    </h2>

    <div class="服务业">
        <div class="service1">
            <textarea class=text_show name="text" id="service1_text">4月，全国服务业生产指数同比增长6.00%，较3月回落0.3个百分点，但仍高于一季度均值；
            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/生产测_服务业/一、服务业生产指数_15_9.png" alt="">
        </div>
        <div class="service2">
            <textarea class=text_show name="text" id="service2_text"></textarea>

        </div>
    </div>

    <h2>
        社会消费品零售
    </h2>

    <div class="consumption">
        <div class="consumption1">
            <textarea class=text_show name="text" id="consumption1_text">4月，社会消费品零售总额同比增长5.1%，比3月降低0.8个百分点。
            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_消费/一、社会消费品零售总额当月同比_15_9.png" 
            alt="">
        </div>
        <div class="consumption1">
            <textarea class=text_show name="text" id="consumption2_text">4月，限额以上单位通讯器材类、文化办公用品类、家具类、家用电器和音像器材类商品零售额分别增长19.9%、33.5%、26.9%、38.8%。
            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_消费/二、商品零售额主要分类与上月增速对比_15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        固定资产投资
    </h2>

    <div class="fixed_assets">
        <div class="fixed_assets1">
            <textarea class=text_show name="text" id="fixed_assets1_text">4月，全国固定资产投资（不含农户）累计同比增长4.0%，比2025年3月降低0.2个百分点
            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_投资/三、固定资产投资完成额累计同比_15_9.png" 
            alt="">
        </div>
        <div class="fixed_assets2">
            <textarea class=text_show name="text" id="fixed_assets2_text">分领域看，4月基础设施投资累计同比增长10.9%，增速较3月下降0.6个百分点，制造业投资累计同比8.8%，增速较3月下降0.3个百分点。
            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_投资/四、投资分项累计同比_15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        进出口
    </h2>

    <div class="import_export_abstract">
        <div class="import_export1">
            <textarea class=text_show name="text" id="import1_text">4月，出口总额3156.92亿美元，同比增长8.1%，较3月增速放缓；
                进口总额2195.12亿美元，同比下降0.2%，与3月相比降幅有所收窄</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/一、进口出口金额当月同比_15_9.png" 
            alt="">
        </div>
        <div class="import_export2">
            <textarea class=text_show name="text" id="import2_text">贸易顺差961.80亿美元，较3月1024亿美元有所下降</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/二、贸易差额_15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        进口
    </h2>

    <div class="import">
        <div class="import1">
            <textarea class=text_show name="text" id="import1_text">4月，中国自美国、欧盟进口同比增速分别为-13.8%、-16.5%，较3月的-9.5%、-9.5%进一步下行</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/五、进口金额美国欧盟当月同比_15_9.png" 
            alt="">
        </div>
        <div class="import2">
            <textarea class=text_show name="text" id="import2_text">中国自日本进口同比增速为2.5%，较3月-3.1%的增速有所回升</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/六、进口金额日本东盟当月同比_15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        出口
    </h2>

    <div class="export">
        <div class="export1">
            <textarea class=text_show name="text" id="export1_text">4月，中国对美出口同比增速大幅下行。中国对美出口增速大幅下滑至-21%，较3月增速下降30个百分点；对欧洲出口同比增长8.3%，较3月10.3%的出口增速略有下行</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/三、出口金额美国欧盟当月同比_15_9.png" 
            alt="">
        </div>
        <div class="export2">
            <textarea class=text_show name="text" id="export2_text">中国对东盟和日本出口同比增速上升。中国对东盟和日本出口当月同比分别为20.8%、7.7%，增速较上月进一步提升，有力对冲对美出口速度的下行</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/需求侧_进出口/四、出口金额日本东盟当月同比_15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        PMI
    </h2>

    <div class="PMI">
        <div class="PMI1">
            <textarea class=text_show name="text" id="PPI1_text">4月制造业PMI为49.0%，比3月降低1.5个百分点</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/PMI/一、制造业PMI季节性15_9.png" 
            alt="">
        </div>
        <div class="PMI2">
            <textarea class=text_show name="text" id="PPI2_text">4月服务业PMI为50.1%，比3月降低0.1个百分点</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/PMI/二、服务业PMI季节性15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        财政
    </h2>

    <div class="fiscal">
        <div class="fiscal1">
            <textarea class=text_show name="text" id="fiscal1_text">2025年3月，全国税收收入11101亿元，同比下降3.5%，相比2024年全年降幅小幅扩大。从主要分项看，印花税、环境保护税、资源税同比增速较快；车购税、土地增值税等收入下降明显，受市场交易放缓等因素影响。</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/四、一般公共预算支出分项15_9.png" 
            alt="">
        </div> 
        <div class="fiscal2">
            <textarea class=text_show name="text" id="fiscal2_text">2025年3月，全国一般公共预算收入16333亿元，同比下降1.1%；非税收入仍是一般公共预算收入的重要支撑；税收收入有待改善

            </textarea>
            <img class="img_set" src="plot/plot_2025-05-22/一、一般公共预算收入税收收入非税收入序列15_9.png" 
            alt="">
        </div>
    </div>

    <h2>
        PPI
    </h2>

    <div class="PPI">
        <div class="PPI1">
            <textarea class=text_show name="text" id="PPI1_text">4月份PPI同比下降2.7%，环比下降0.4%</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/价格PPI/五、PPI生产资料和生活资料与上月对比_15_9.png"
            alt="">
        </div>
        <div class="PPI2">
            <textarea class=text_show name="text" id="PPI2_text">PPI下降主要原因包括：一是国际输入性因素影响国内石油和部分出口行业价格下行；二是煤炭等能源需求季节性下行；三是部分原材料行业价格下行；</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/价格PPI/三、PPI当月同比季节性分析15_9.png"
            alt="">
        </div>
    </div>

    <h2>CPI</h2>
    <div class="CPI">
        <div class="CPI1">
            <textarea class=text_show name="text" id="CPI1_text">同比来看，4月份CPI同比下降0.1%，增速与上月持平</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/价格_CPI/一、CPI与核心CPI当月同比_15_9.png"
            alt="">
        </div>
        <div class="CPI2">
            <textarea class=text_show name="text" id="CPI2_text">食品项同比下行明显，由3月-0.2%下行至-1.4%，非食品项由3月0%小幅上行至0.2%，交通和通信下行趋势有所缓解，由3月-3.9%小幅上行至-2.6%。</textarea>
            <img class="img_set" src="plot/plot_2025-05-22/价格_CPI/二、CPI分项当月同比上月对比_15_9.png"
            alt="">
        </div>
    </div>
</body>
</html>

<script>
    console.log(document.querySelectorAll('.text_show'));
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('showTextButton').addEventListener('click', function() {
            var textShowElements = document.querySelectorAll('.text_show');
            textShowElements.forEach(function(element) {
                element.style.color = 'black';
            });
        });
    });
</script>

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>